<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>注册界面</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/animate.min.css"/>
    <style type="text/css">
    *{padding:0;margin:0;}
    body{font-family:"微软雅黑";}
    .container{width:100%;height:100%;background-image:url(__PUBLIC__/images/bg_login.jpg);}
    .middle{width:1200px;margin:0 auto;}

    .header{height:120px;}
    .header h1{line-height:120px;text-align:center;}


    .public-zc{height:600px;}
    .public-zc .rslide{width:800px;height:600px;margin:0 auto;position:relative;}
    .public-zc .rslide .login {height:50px;text-align: center;}
    .public-zc .rslide .login h1{line-height:50px;text-align:center;color:#fff;}
    .public-zc .rslide .login span{display:inline-block;border-bottom:1px solid #ccc;width:500px;}
    .public-zc .rslide .zc-pin{height:400px;margin-top:20px;}
    .public-zc .rslide .zc-pin .zc-rp{width:700px;margin:0 auto;text-align:center;}
    .public-zc .rslide .zc-pin .zc-rp .zc-zh{font-size:18px;color:#fff;line-height:38px;display:inline-block;height:38px;margin-right:5px;text-align:right;width:90px;}
    .public-zc .rslide .zc-pin .zc-rp .txt{width:400px;height:30px;padding-left:10px;outline:none;line-height:30px;background:rgba(34,54,141,0.5);border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;}
    .public-zc .rslide .zc-pin .zc-rp .cb{width:16px;height:16px;}
    .public-zc .rslide .zc-pin .zc-rp form{width:600px;margin:0 auto;}
    .public-zc .rslide .zc-pin .zc-rp .sul{width:60px;}
    .public-zc .rslide .zc-pin .zc-rp .icon-bc{display:block;width:300px;height:60px;background:#182166;text-decoration:none;line-height: 60px;color:#fff;font-size:20px;border-radius:5px;margin:0 auto;margin-top: 50px;}
    .public-zc .rslide .zc-pin .zc-rp .icon-bc:hover{background:#111B61;}
    .public-zc .rslide .zc-pin .zc-rp .sub-bt{width:240px;height:55px;background:#433CC6;font-size:22px;color:#fff;text-align:center;line-height:45px;margin-top:20px;cursor:pointer;border:none;}
    .public-zc .rslide .zc-pin .zc-rp .sub-bt:hover{background:#3C3791;}
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="middle">
                <h1>Logo</h1>
            </div>
        </div> 
        <div class="public-zc animated bounceInDown">
            <div class="middle">
                <div class="rslide">
                    <div class="login">
                        <h1>
                            注册界面
                        </h1>
                        <span></span>
                    </div>
                    <div class="zc-pin">
                        <div class="zc-rp">
                        <form action="{:url('index/login/doRegister')}" method="post">
                           <label class="zc-zh">用户名:</label><input type="text" name="name" value="" class="txt" placeholder="用户名/帐号"><br/>
                           <label class="zc-zh">邮箱地址:</label><input type="text" name="email" value="" class="txt" placeholder="邮箱地址/方便您找回密码"><br/>  
                           <label class="zc-zh">密码:</label><input type="password" name="password" value="" class="txt" placeholder="密码"><br/>
                           <label class="zc-zh">确认密码:</label><input type="password" name="assure_password" value="" class="txt" placeholder="请再次确认密码"><br/>
                           
                        <button type="submit" class="sub-bt" >立即注册</button>
                    <!--       <a href="#" class="icon-bc">立即注册</a>  -->
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>  
    </div>
</body>
</html>